<!DOCTYPE html>
<html>
<head>
<title>墨华体育论坛</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen"
href="./forumstyle.css">
<link rel="stylesheet" type="text/css" media="screen"
href="./forumstyle_.css">
</head>
<body>
<div id="brd-wrap" class="brd">
	<div class="brd-page">
			<div id="brd-head" class="gen-content"> <p id="brd-title">
					<a href="./homepage.html">墨华体育论坛</a>
				</p>
			</div>
		<div id="brd-navlinks" class="gen-content">
			<ul style="list-style-type:none;">	
				<li><a href="./homepage.html">Home</a></li>
			</ul>
		</div>
		<div id="brd-visit" class="gen-content">
			<p>
				<span>
					<a href="./login.html">登录</a>
					|
					<a href="./register.html">注册</a>
					<br>
				</span>
			</p>
		</div>
		<div class="hr">
			<hr>
		</div>
		<div class="crumbs gen-content">
			<p>
			<span><a href="./homepage.html">Forum</a></span>
				<span>
					<span>&raquo;</span>
					Register
				</span>
			</p>
		</div>
		<div id="brd-main">
			<div class="main-head">
				<h1 class="hn">
					<span>注册到 墨华</span>
				</h1>
			</div>	
			<div class="main-content">
				<div class="req-warn ct-box error-box" id="req-msg">
					<p>必须填写所有标记为<em>(必填)</em>的字段</p>
				</div>
				<form name="form1" action="welcome.php" accept-charset="utf-8" method="post"
						class="frm-form">
					<div class="hidden"> 
						<div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='JKmkUXV5ECiScEJkqBKJloOq5pcZpSQY' />
						</div>
					</div>
					<div class="frm-group">
						<div class="sf-set">
							<div class="sf-box required text">
								<label for="fld1"> <span> 用户名:<em>(必填)</em> </span> <small>2至25字符之间</small> </label> <br>
								<span class="fld-input">
									<input type="text" placeholder="用户名"
									required="required" name="username"
									maxlength="30">
								</span>
							</div>
						</div>
						<div class="sf-set">
							<div class="sf-box required text">
								<label for="fld2">
									<span>
										密码:	
										<em>(必填)</em>
									</span>
									<small>最少6个字符,大小写敏感</small>
								</label>
								<br>
								<span class="fld-input">
									<input type="password" placeholder="密码"
									required="required" name="password1">
								</span>
							</div>
						</div>
						<div class="sf-set">
							<div class="sf-box required text"> 
								<label for="fld3">
									<span>
										确认密码:	
										<em>(必填)</em>
									</span>
									<small>重新输入密码</small>
								</label>
								<br>
								<span id="password2" class="fld-input">
									<input type="password" placeholder="确认密码"
									required="required" name="password2" onchange="checkpwd()">
								</span>
							</div>
						</div>
						<div class="sf-set">
							<div class="sf-box required text">
								<label for="fld4">
									<span>
										电子邮件
										<em>(必填)</em>
									</span>
									<small>一个有效的邮件地址</small>
								</label>
								<br>
								<span class="fld-input">
									<input type="text" placeholder="邮箱地址"
									required="required" name="email"
									maxlength="75">
								</span>
							</div>
						</div>
					</div>
					<div class="frm-buttons">
						<span class="submit">
							<input type="submit" value="注册">
						<!--name="register">-->
						</span>
					</div>
				</form>
			</div>
		</div>
		<div class="crumbs gen-content">
			<p>
			<span><a href="./homepage.html">Forum</a></span>
				<span>
					<span>&raquo;</span>
					Register
				</span>
			</p>
		</div>
	</div>
</div>

</body>
<script type="text/javascript">
function checkpwd()
{
	var p1=document.form1.password1.value;
	var p2=document.form1.password2.value;
	if(p1=="")
	{
		alert("请输入密码！");
		document.form1.password1.focus();
		return false;
	}
	if(p1!=p2)
	{
		var strHTML="<span class=\"fld-input\">";
		strHTML+="<input type=\"password\" placeholder=\"确认密码\" required=\"required\" name=\"password2\" onchange=\"checkpwd()\">";
		strHTML+="请重新确认密码";
		strHTML+="</span>";
		var span1=document.getElementById("password2");
		span1.innerHTML=strHTML;
		document.form1.password1.value="";
		document.form1.password2.value="";
		document.form1.password1.focus();
		return false;
	}else{return ture;}
}
</script>
</html>
